<template>
  <div class="projectlist-container" >
      <h3 class="title">项目名称:{{this.projectlistinfo.title}}</h3>
      <p class="subtitle">
          <span>开始时间：{{this.projectlistinfo.startTime}}</span>
          <span>结束时间：{{this.projectlistinfo.endTime}}</span>
      </p>

      <hr>

      <div class="content">
          <!-- 项目介绍 -->
          <p>项目描述：{{this.projectlistinfo.desc}}</p>
          <span></span>
          <p>职责描述：
              <ul>
                  <li v-for="(item,i) in this.projectlistinfo.list" :key="i">{{item}}</li>
              </ul>
          </p>

      </div>
  </div>
</template>

<script>
import {Toast} from "mint-ui"
export default {
  data(){
      return{
          id:this.$route.params.id ,// 将 url 地址中 传递过来的 id 值保存起来
          projectlistinfo:[]
        //   projectlist:[]
      }
  },
  created(){
    this.getprojectlist()
  },
  methods:{
      getprojectlist(){
          this.$http.get("project/projectlist1.json").then(result=>{
              if(result.body.status===0){
                  this.projectlistinfo = result.body.message[0]
                  console.log(this.projectlistinfo)
                //   this.projectlist = result.body.message.list
                 Toast("获取项目详情成功")
              }
              
          })
      }
  }
}
</script>


<style lang="scss" scoped>
.projectlist-container{
    padding: 0 4px;
    .title{
        font-size: 16px;
        text-align: center;
        margin: 15px 0;

    }
    .subtitle{
        font-size: 12px;
        display: flex;
        justify-content: space-between;
    }
    .content{}
}
ul li {
    list-style: none;
}
</style>


